<!DOCTYPE html>
<html lang="en">
<head>
  <title>首页</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <link rel="stylesheet" href="../static/css/main.css">
	<script src="../static/js/vue.js"></script>
	<script src="../static/js/main.js"></script>
</head>
<body>
  <div class="app" id="app">
    <img class="music" :class="music_play?'music2':''" @click="music_play=!music_play" src="../static/images/player.png">
    <div class="bg">
      <img src="../static/images/bg0.jpg">
    </div>
    <ul>
      <li><img class="module1" src="../static/images/image1.png"></li>
      <li><img class="module2" @click="game.openWin('user','user.html')" src="../static/images/image2.png"></li>
      <li><img class="module3" src="../static/images/image3.png"></li>
      <li><img class="module4" @click="game.openWin('login','login.html')" src="../static/images/image4.png"></li>
    </ul>
  </div>
  <script>
	apiready = function(){
		var game = new Game("../static/mp3/bg1.mp3");
		Vue.prototype.game = game;
		new Vue({
			el:"#app",
			data(){
				return {
          music_play:true,  // 默认播放背景音乐
					prev:{name:"",url:"",params:{}}, // 上一页状态
					current:{name:"index",url:"index.html","params":{}}, // 下一页状态
				}
			},
      watch:{
        music_play(){
          if(this.music_play){
            this.game.play_music("../static/mp3/bg1.mp3");
          }else{
            this.game.stop_music();
          }
        }
      },
			methods:{
        login(){
          // ret = api.getPrefs({
          //     key: 'access_token',
          //     sync: true,
          // });
          // alert(ret);
          //
          // api.openWin({
          //     name: 'login',
          //     url: './login.html',
          //     pageParam: {
          //     }
          // });


          // 跳转到登录页面[通过新建窗口的方式跳转]
          // api.openWin({
          //     name: 'login',
          //     bounces: true,       // 窗口是否上下拉动
          //     reload: true,         // 如果页面已经在之前被打开了,是否要重新加载当前窗口中的页面
          //     url: './login.html',
          //     animation:{           // 打开新建窗口时的过渡动画效果【转场动画】
          //     	type:"push",                //动画类型（详见动画类型常量）
          //     	subType:"from_right",       //动画子类型（详见动画子类型常量）
          //     	duration:400                //动画过渡时间，默认300毫秒
          //     },
          //     pageParam: {
          //
          //     }
          // });

          this.game.openWin("login","./login.html");


          // 帧页面
          // api.openFrame({
          //     name: 'f1',
          //     url: './f1.html',
          //     rect: {
          //         x: 0,  // 页面左上角x轴坐标
          //         y: 0,  // 页面左上角y轴坐标
          //         w: "auto", // 页面宽度
          //         h: 100  // 页面高度
          //     },
          //     pageParam: {
          //
          //     },
          //     bounces: true,
          //     bgColor: 'rgba(255,255,255,.6)',
          //     vScrollBarEnabled: false, // 纵向滚动
          //     hScrollBarEnabled: true   // 横向滚动
          // });
          //
          // api.openFrame({
          //     name: 'f2',
          //     url: './f2.html',
          //     rect: {
          //         x: 0,  // 页面左上角x轴坐标
          //         y: 200,  // 页面左上角y轴坐标
          //         w: "auto", // 页面宽度
          //         h: 100  // 页面高度
          //     },
          //     pageParam: {
          //
          //     },
          //     bounces: true,
          //     bgColor: 'rgba(255,255,255,.6)',
          //     vScrollBarEnabled: false, // 纵向滚动
          //     hScrollBarEnabled: false  // 横向滚动
          // });
          //
          //
          // api.openFrame({
          //     name: 'f3',
          //     url: './f3.html',
          //     rect: {
          //         x: 0,  // 页面左上角x轴坐标
          //         y: 400,  // 页面左上角y轴坐标
          //         w: "auto", // 页面宽度
          //         h: 100  // 页面高度
          //     },
          //     pageParam: {
          //
          //     },
          //     bounces: true,
          //     bgColor: 'rgba(255,255,255,.6)',
          //     vScrollBarEnabled: false, // 纵向滚动
          //     hScrollBarEnabled: false  // 横向滚动
          // });

          // this.game.openFrame("f1","f1.html",null,{x:0,y:0,w:"auto",h:100});
          // this.game.openFrame("f2","f2.html",null,{x:0,y:200,w:"auto",h:100});
          // this.game.openFrame("f3","f3.html",null,{x:0,y:400,w:"auto",h:100});
        }
			}
		})
	}
	</script>
</body>
</html>
